<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" charset="utf-8"></script>
		<style>
			/* 指令为页面选择器 */
			[v-cloak]{	/* 隐藏vue页面，在vue加载后展示页面 */
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="app" v-cloak>
			{{msg}}
			<!-- {{say()}} -->
			<!-- {{whatColor("yellow")}} -->
			<hr>
			<button v-on:click="whatColor('惊喜')">有惊喜</button>
			<button @click="whatColor('崽啊')">无惊喜</button>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				msg:"hello"
			},
			methods:{
				/* say:function(){
					alert("嘿");
				}, */
				whatColor:function(color){
					alert(color)
				}
			}
		})
	</script>
</html>
